.options-box {
	background-color: #fff;
	min-height: 100vh;
	padding: calc(var(--amplified_base) * 100rpx) 0 100rpx;
	line-height: 1;
	letter-spacing: 2rpx;

	:deep .nav-bar {
		letter-spacing: 2rpx;

		.nav-bar__title {
			font-weight: 600;
			font-size: calc(var(--amplified_base) * 32rpx);
			color: #101010;
		}

		.nav-bar__right-text {
			width: calc(var(--amplified_base) * 112rpx);
			height: calc(var(--amplified_base) * 56rpx);
			background: #1a66ff;
			border-radius: 8rpx;
			font-weight: 400;
			font-size: calc(var(--amplified_base) * 28rpx);
			color: #ffffff;
			line-height: calc(var(--amplified_base) * 54rpx);
			text-align: center;
		}
	}
}

.scroll-view {
	position: relative;
	width: 100%;
	min-height: 100vh;
}

:deep .uni-checkbox-input {
	border-radius: 50%;
}

.label-box {
	padding: 32rpx;

	.label-title {
		font-weight: 600;
		font-size: calc(var(--amplified_base) * 32rpx);
		color: #000000;
	}

	.label-list-box {
		margin-top: 24rpx;
		color: #131313;
		font-weight: 400;
		font-size: calc(var(--amplified_base) * 32rpx);

		.label-item {
			padding: 24rpx 0;
			border-bottom: 1px solid #eeeeee;
			display: flex;
			flex-direction: row;
			align-items: center;

			.label-item-right {
				margin-left: 16rpx;
			}

			.label-item-title {
				display: flex;
				align-items: center;
			}

			.label-item-title__text {
				max-width: 80%;
			}

			.label-item-num {
				color: #929292;
			}

			.label-item-introduce {
				margin-top: 16rpx;
				color: #929292;
			}
		}
	}
}

.contacts-list {
	.contacts-item-wrap {
		position: relative;

		.padding {
			font-weight: 600;
			font-size: calc(var(--amplified_base) * 32rpx);
			color: #000000;
		}
	}

	.contacts-item {
		display: flex;
		align-items: center;
		padding: 0 32rpx;
		font-weight: 400;
		font-size: calc(var(--amplified_base) * 32rpx);
		color: #131313;

		.contacts-item-right {
			width: 100%;
			position: relative;
			padding: 32rpx 0;
			display: flex;
			align-items: center;
		}
	}

	.contacts-it-avatar {
		margin: 0 16rpx;
		width: calc(var(--amplified_base) * 80rpx);
		height: calc(var(--amplified_base) * 80rpx);
		background: #d9d9d9;
		border-radius: 24rpx;
	}
}

.indexBar {
	position: fixed;
	right: 0px;
	bottom: 0px;
	padding: 20upx 20upx 20upx 60upx;
	display: flex;
	align-items: center;
}
.indexBar .indexBar-box {
	width: 40upx;
	height: auto;
	background: #fff;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 20upx rgba(0, 0, 0, 0.1);
	border-radius: 10upx;
	background-color: #f2f2f2;
}

.indexToast {
	position: fixed;
	// top: 0;
	top: var(--status-bar-height);
	right: 80upx;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100upx;
	height: 100upx;
	border-radius: 10upx;
	margin: auto;
	color: #fff;
	line-height: 100upx;
	text-align: center;
	font-size: calc(var(--amplified_base) * 48upx);
}
